<template>
  <div class="common-pd-page interview-detail-not-go-container">
    <HPModuleTitle titleText="审批信息">
      <template>
        <el-button @click="back" type="primary" size="mini">返回</el-button>
      </template>
    </HPModuleTitle>
    <ul class="el-row--flex approve-text">
      <li
        :class="['iconfont', notGoData.iconTxt, 'approve-text-left-icon']"
        :style="{ color: notGoData.iconColor }"
      ></li>
      <li class="approve-text-right">
        <h4>{{ notGoData.text }}</h4>
        <p class="wrap-text">{{ tipText }}：{{ notGoData.feed_back }}</p>
      </li>
    </ul>
  </div>
</template>
<script>
import HPModuleTitle from "./../HPModuleTitle";
export default {
  props: {
    notGoData: {
      type: Object,
      default: {},
    },
    tipText: {
      type: String,
      default: "面试反馈",
    },
  },
  data() {
    return {};
  },
  components: {
    HPModuleTitle,
  },
  methods: {
    back() {
      // console.log(this.$router)
      const { formQuery } = this.$route.query;
      this.$router.push({
        path: "/selectres",
        query: {
          formQuery,
        }
      })
    },
  },
};
</script>
<style lang="scss">
.interview-detail-not-go-container {
  margin-bottom: 20px;
  .approve-text {
    align-items: center;
    &-left-icon {
      flex: none;
      font-size: 60px;
      margin-right: 20px;
    }
    &-right {
      text-align: left;
    }
    &-right p {
      font-size: 16px;
      padding-top: 4px;
    }
  }
}
</style>
